/* Multiplos Estilos - Padrão */
html, body {
  height:100%;
  width:100%;
  margin:0;
  font-family: Microsoft Sans Serif, Tahoma, Verdana, Arial;
}

fieldset{
  border-radius: 3px 3px 3px 3px;
  border: thin solid #C0C0C0;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  text-decoration: none;
}

input{
  padding-left:3px;
  border:1px solid #D3D3D3;
  border-radius:3px;
  height:30px;
}

a {
  text-decoration:none;
  color:#4E5A62;
  cursor:pointer;
}

/* Tipos Número não contem o Arrow Lateral */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=checkbox]{height:auto;}
input[type=image]{border:none;}
input[type=radio].css-checkbox{display:none;}

input[type=radio].css-checkbox + label.css-label {
  padding-left:17px;
  height:12px;
  line-height:12px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:12px;
  vertical-align:middle;
  cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
  background-position: 0 -12px;
}

label.css-label {
  background-image:url(../imagens/icons/radio_button.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top:2px;
}

input[readonly=readonly] {
  background-color:#EFEFEF;
  color:#808080;
}

/* Classes de Herança */
.bRadius6{
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.w200{width:200px;}
.mRight10{margin-right:10px;}
.mRight15{margin-right:15px;}
.mRight20{margin-right:20px;}
.mLeft10 {margin-left:10px; }
.mLeft15 {margin-left:15px; }
.mLeft20 {margin-left:20px; }

.font12GOTHIC{font:700 12px GOTHIC;}
.font14GOTHIC{font:700 14px GOTHIC;}
.font16GOTHIC{font:700 16px GOTHIC;}
.font18GOTHIC{font:700 18px GOTHIC;}
.font24GOTHIC{font:700 24px GOTHIC;}

.corVermelha{color:#FF6666;}
.corAmarela {color:#FFD600;}
.corLaranja {color:#FF8000;}
.corVerdeE  {color:#008000;}
.corVinho   {color:#800000;}
.corClara   {color:#EEEEEE;}
.corAzulM   {color:#0000A0;}
.corVerde   {color:#00FF3D;}
.corAzul    {color:#B9FFFF;}

.dNone {display:none;}
.dBlock{display:block;}

.imgLogin{
  content:url(../imagens/bg_webeventos.png);
  width: 300px;
  height: 77px;
}

.cbRadius3{
  border-bottom-left-radius:3px;
  border-top-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-topleft:3px;
}

.imgCenter{
  text-align:center;
  vertical-align:middle;
}

.bRadius3{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.linkAtivo{
  text-decoration:none;
  color:#000;
  font-size:12px;
  font-weight:bold;
}

.Ativo{color:#008000;}

/* CSS dos Icones Iniciais */
.atalhoIcons {
  width: 100%;
  height: 128px;
  background-color: #FFF;
  float: left;
  position: absolute;
  bottom: 170px;
  background-color: #FFF;
  text-align: right;
}

.atalhoIcons img {
  height: 128px;
  margin:0 10px;
}

/* CSS da Faixa de Informação - Sistema para gerenciamento de eventos */
.InfoInicial {
  width: 98.5%;
  height: 72px;
  background-color: #FFF;
  position: absolute;
  bottom: 80px;
  background-color: #C0C0C0;
  margin-left:10px;
}

/* Alinhar Imagem da Faixa a Esquerda */
.imgInicial img{
  float: left;
  width: 100%;
}

/* Div central, onde se encontram as DataTables */
.infoCentral {
  width:99%;
  position: relative;
  margin-top:15px;
  margin-left: 15px;
  float:left;
  background: #FFFFFF;
}

/* fieldset dentro da Central, no TOPO, abaixo do Menu, contento as informações de onde o usuario se encontra */
.infoCentral fieldset{
  width:97%;
  position: relative;
  border-bottom-width: 2px;
  border-bottom-color: #AAA575;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;

}
/* Div onde se encontram os botes (NOVO , ASSOCIAR e outros) */
.bAcoes{
  float:left;
  width:30%;
  padding-top:28px;
}

/* Div onde se pode saber a localizacao da pagina atual que o usuario esta */
.bInformacoes{
  float:left;
  width:70%;
  text-align:right;
  height:64px;
}
  /* Textos */
  .txtInformacoes {
    float: right;
    margin: 0 10px;
    width: 80%;
    height: 68px;
    text-align: right;
  }
  /* Textos dentro da informacao Principal - Texto Maior */
  #iPrincipal{
    font: 700 28px Tahoma;
  }
  /* Textos dentro da informacao Principal - Texto Menors */
  #iSecundaria{
    font: 600 20px Tahoma;
  }
  /* Textos do Follow-up são maiores e por isso tive que diminuir a letra */
  #iSecundariaFollowUP{
    font: 700 14px Tahoma;
  }

  /* Icone da Pagina onde o Usuario se encontra */
  .iconInformacoes {
    float: right;
    margin: 0 10px;
    background-color: #AAA575;
    width: 72px;
    height: 58px;
    text-align: center;
    padding-top: 10px;
  }

  .iconInformacoes img{
    height:52px;
  }
/* Classe das Tabelas DATA TABLE */
.tableCabecalho {
  background-color:#4E5A62;
}

.tableCabecalho td{
  font-size:12px;
  font-weight:bold;
  color:#FFF;
}

.tableListagem {
  background:#FCFCFC;
  vertical-align:middle;
  border-collapse:collapse;
    width: 98% !important;
}

.tableListagem tr{
  height:20px;
}

.tableListagem td{
  padding:5px;
  border:thin solid #C0C0C0;
  font-size: 13px;
}

.tableListagem img{
  height:24px;
  text-align:center;
  vertical-align:middle;
  border-radius: 2px;
}

/* Classe para os Cadastros do Sistema */
.cadastroPrincipal {
  padding:10px;
  margin:0;
}

.cadastroPrincipal.relatorios {
  margin:10px;
}

.cadastroPrincipal label{
  margin-bottom:3px;
}

.subCadastroPrincipal {
  background:#E3E3F4;
}

#relVendas{
  font-size:10px;
  font-weight:500;
  margin: 5px;
}

.cadastroPrincipal select {
  display:block;
  height:30px;
  border:1px solid #C0C0C0;

  border-bottom-left-radius:3px;
  border-top-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-topleft:3px;
}

.cadastroPrincipal label{
  display:inline-block;
}

.cadastroPrincipal label input[type=image]{
  display:inline-block;
  height:32px;
  text-align:center;
  vertical-align:middle;
}

.cadastroPrincipal label a img{
  height:32px;
  text-align:center;
  vertical-align:middle;
}

.cadastroPrincipal input[type=checkbox]{
  display:inline-block;
}

.cadastroPrincipal input,textarea{
  display:block;
  margin-bottom:5px;
}

.cadastroPrincipal legend{
  font-size:13px;
  font-weight:700;
  color: #4E5A62;
}

/* Botões - Imprimir e outros */
.btnPadrao {
  text-align: center;
  margin-bottom: 4px;
  vertical-align: middle;
  background-color: #505C64;
  text-indent: 0;
  display: inline-block;
  float:left;
  color: #FFFFFF;
  font-size: 13px;
  height: 29px;
  line-height: 29px;
  width: 100px;
}

.btnPadrao:hover{
  background-color:#AAA575;

}

/* Div's feitas para controlar o Pagamento de Parcelas, Itens de Despesa e Pagamentos (mostra os valores Totais e restante) */
.valoresTotais{
  padding:5px;
  height: auto;
  width: auto;
  border: 1px solid #999;

  float:right;
  position:relative;
  background-color:#4E5A62;
  color:#FFF;
}
.valoresTotais table{
  text-align:center;
  color:#FFF;
}

.valoresTotais tr td{
  padding-left:15px;
  padding-right:15px;
}


/* Somar valor Total e mostrar na Tela do Contas a pagar, conforme o usuario vai Checkando as Parcelas */
.chkSomaValor{
  float: right;
  background-color: #4E5A62;
  padding: 5px;
  margin-right: 20px;
  margin-top: 5px;
  border: 1px solid #C0C0C0;
  width: 100px;
}

.chkSomaValor input{
  font-size: 18px;
  width: 100px;
  border: 0;
  text-align:right;
  color:#4E5A62;

  padding-right:3px;
}

.chkSomaValor span{
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  float:right;
}

.chkSomaValor a{
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 2px 1px;
  cursor: pointer;
  border: thin solid #FFF;
  width: 98%;
  float: left;
  height: 28px;
  line-height: 28px;
  background-color: #4E5A62;
}

.chkSomaValor a:hover{
  background-color: #AAA575;
}

.infoCadastro {
  background-color:#505C64;
  text-indent:0;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#FFFFFF;

  font-size:13px;
  font-style:normal;
  height:32px;
  line-height:32px;
  width:100px;
  text-decoration:none;
  padding-left:10px;
  text-align:center;
  margin-bottom:-4px;
}

.infoCadastro img{
  float:left;
  line-height:32px;
  margin-top:2px;
  margin-right:-5px;
}

/* Classe para Botoes */
.novo {
  background-color:#505C64;
  text-indent:0;
  display:inline-block;
  color:#FFFFFF;
  font-size:15px;
  height:40px;
  line-height:40px;
  width:100px;
  text-decoration:none;
  padding-left:10px;
  text-align:center;
  margin-bottom:-4px;
  vertical-align:middle;
  cursor:pointer;
}

.novo:hover {
  font-weight:bold;
  text-shadow:1px 1px 0px #888888;
  background-color:#AAA575;
}

.novo:active {
  position:relative;
  top:1px;
}

.novo img{
  float:left;
  margin-top:12px;
  margin-right:-5px;
}

.infoLateral {
  width:200px;
  padding:5px;
  position: relative;
  margin-top: 4px;
  float:left;
  background: transparent; /* Old browsers */
}


.infoTop {
  width: 180px;
  height:25px;
  margin: 3px;
  margin-top:0;
  text-align:center;
  padding-top:5px;
  color: #FFFFFF;
  text-decoration: none;
  list-style-type: none;
  font-size: 14px;
  font-weight:bold;

  background-color:#0072F0;
}

/* This button was generated using CSSButtonGenerator.com */
#footer {
  border-top:thin solid #C0C0C0;
  height: 40px;
  font-size:12px;
  font-weight:500;
  z-index:-1;
  color: #FFFFFF;
  margin: 0 12px;
  padding: 5px 0;
  text-align: center;
  position:absolute;
  bottom:0;
  width:98%;
  vertical-align:middle;
}

#footer #imgFooter {
  background: url('../imagens/bg_webeventos.png') top center no-repeat;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  background-size:175px;
  position:relative;
}

#footer #txtFooter {
  padding:15px;
  float: right;
  color: #555555;
  position:relative;
}

/*  --------------------------------------------------
Reveal Modals (NAO ALTERAR - POP'S)
-------------------------------------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  top: 100px;
  left: 50%;
  margin-left: -390px;
  width: 700px;
  height:610px;
  background: #eee no-repeat -200px -80px;
  position: absolute;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small  {width:200px; margin-left:-140px;}
.reveal-modal.medium {width:400px; margin-left:-240px;}
.reveal-modal.large  {width:600px; margin-left:-340px;}
.reveal-modal.xlarge {width:800px; margin-left:-440px;}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: bold;
  cursor: pointer;
}

/*  --------------------------------------------------
FIM - Reveal Modals (NAO ALTERAR - POP'S)
  -------------------------------------------------- */

/* Sistema de LOGIN - CSS */
#divlogin {
  padding:15px;
  position:relative;
  left:5px;
  width:300px;
  height:313px;
  border:1px solid #DADADA;
  top:250px;
  margin:0 auto;
}

.acomodar{
  float:left;
  position:relative;
}

.form label{
  display:block;
  padding-top:5px;
  margin-bottom:5px;
  color:#777;
}

.logo {
  float:left;
  position:relative;
  margin-right: 30px;
}

.txt {
  border:none;
  height:30px;
  width:300px;
  border:thin solid #DADADA;
  font-size:14px;
  font-weight:400;
}

.txt:focus{
  border:thin solid #D7D7D7;
  box-shadow:0 1px 16px #D7D7D7;
  -webkit-box-shadow:0 1px 16px #D7D7D7;
  -moz-box-shadow:0 1px 16px #D7D7D7;
}

.sb {
  display:block;
  border:none;
  width:300px;
  height:40px;
  margin-top:10px;
  cursor:pointer;

  font-size:14px;
  font-weight:bold;
  color:#777;
}

.sb:hover{
  background: #D7D7D7;
}

#cadastrar{
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  height: 40px;
  width: 140px;
  background:#F1F1F1;
  cursor:pointer;
  left:-200px;
  position:relative;
  top:250px;
  margin:0 auto;
}

#cadastrar a{
  font-size:14px;
  font-weight:bold;
  color:#777;
  display:block;
  padding:10px;
  width:100%;
  height:100%;
}

#cadastrar:hover{
  background-color:#D7D7D7;
}

.erroLogin{
  float:left;
  background:#E4E4E4;
  text-align:center;
  font-size:12px;
  font-weight:600;
  color:#777777;
  margin:0;
  padding:8px;
  width: 100%;
  position:absolute;
  top:0;
}

.selectOpcoes{
  font-size:16px;
  font-weight:600;
  color:#999;
  width:500px;
  left:350px;
  margin-top: 50px;
}

.menuCadastro  {
  width: 96%;
  height:30px;
  margin: 2px;
  overflow: hidden;
}

.menuCadastro ul {
  list-style: none;
  background: #444;

  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
}

.menuCadastro a {
  float:left;
  padding: .5em 3em;
  text-decoration: none;
  color: #555;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);

  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;

  border-width: 1px;
  border-style: solid;
  border-color: #fff #ccc #999 #eee;
  background: #c1c1c1;
  background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
  background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
  background: -o-linear-gradient(#f5f5f5, #c1c1c1);
  background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
  background: linear-gradient(#f5f5f5, #c1c1c1);
 }

.menuCadastro a:hover, nav a:focus {
  outline: 0;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background: #2570b2; /* Old browsers */
  background: -moz-linear-gradient(top,  #2570b2 0%, #2989d8 62%, #1b8de5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2570b2), color-stop(62%,#2989d8), color-stop(100%,#1b8de5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2570b2 0%,#2989d8 62%,#1b8de5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2570b2 0%,#2989d8 62%,#1b8de5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2570b2 0%,#2989d8 62%,#1b8de5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #2570b2 0%,#2989d8 62%,#1b8de5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2570b2', endColorstr='#1b8de5',GradientType=0 ); /* IE6-9 */
}

.menuCadastro a:active {
  -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
  -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
  box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}

.menuCadastro li:first-child a {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.menuCadastro li:last-child a {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.pesquisa {
  width:710px;
  height:22px;
  margin:10px;
  margin-left:0;
  border:thin solid #F0F0F0;
  padding:7px;
}

.AlertaFollowUp{
  width:70%;
  background:#F0F0F0;
  float:left;
  top:0;
  left:0;
  border:thin dotted #CCCCCC;
  padding:5px;
  margin:1px;
}

.AlertaFollowUp th{
  font-size:12px;
  font-weight:600;
  color:#000;
}

.AlertaFollowUp tr td{
  font-size:12px;
  font-weight:600;
  color:#FF0000;
}

.CSSTableGenerator {
  margin:5px 0px;
  padding:0px;
  width:98%;
  border:1px solid #C0C0C0;
}

.CSSTableGenerator table{
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  height:40px;
  margin:0px;
  padding:0px;
}

.CSSTableGenerator tr:hover td{
  background-color:#d3e9ff;
}
.CSSTableGenerator td{
  vertical-align:middle;
  border:1px solid #C0C0C0;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:5px;
  font-size:13px;

  font-weight:normal;
  color:#000000;
}

.CSSTableGenerator tr:last-child td{
  border-width:0px 1px 0px 0px;
}
.CSSTableGenerator tr td:last-child{
  border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:last-child td:last-child{
  border-width:0px 0px 0px 0px;
}

.CSSTableGenerator tr:first-child td{
  background: #00007f; /* Old browsers */
  background: -moz-linear-gradient(top,  #00007f 0%, #00007f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00007f), color-stop(100%,#00007f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #00007f 0%,#00007f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #00007f 0%,#00007f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #00007f 0%,#00007f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #00007f 0%,#00007f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007f', endColorstr='#00007f',GradientType=0 ); /* IE6-9 */

  border:0px solid #C0C0C0;
  text-align:left;
  border-width:0px 0px 1px 1px;
  font-size:14px;

  font-weight:bold;
  color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
  background: #00007f; /* Old browsers */
  background: -moz-linear-gradient(top,  #00007f 0%, #00007f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00007f), color-stop(100%,#00007f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #00007f 0%,#00007f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #00007f 0%,#00007f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #00007f 0%,#00007f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #00007f 0%,#00007f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007f', endColorstr='#00007f',GradientType=0 ); /* IE6-9 */
}
.CSSTableGenerator tr:first-child td:first-child{
  border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
  border-width:0px 0px 1px 1px;
}

.legenda {
  font-size:11px;
  font-weight:700;
  width:98%;
  text-align:right;
  color: #004080;
}

.window{
  display:none;
  width:auto;
  height:auto;
  position:absolute;
  left:0;
  top:0;
  background:#FFF;
  z-index:9900;
  padding:15px 15px 5px 15px;
  border: 3px solid #E0E0E0;
}

.mascara{
  display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  position:fixed;
}

.fechar{
  display:block;
  text-align:right;
}

.processando {
  display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#C0C0C0;
  text-align:center;
  vertical-align:middle;
}

.sitConta{
  position: absolute;
  bottom:1px;
  left:1px;
  color: #000037;
  width:300px;
  height:50px;
  background-color:#FFF;
}

.sitConta legend{
 color: #0000FF;
}

.tituloRelatorio{
  font-size: 24px;
  font-weight: bold;
}

.SubTituloRelatorio{
  font-size: 16px;
  margin: 10px;
}

/* Relatorios */
.divRelatorios{
  height:75%;
  width:98%;
  padding-left:12px;
  padding-top:120px;
}

.divVerticalEsquerda{
  width:25%;
  float:left;
  position:relative;
}

.divVerticalEsquerda ul{
  list-style-type: none;
  font:700 16px Tahoma;
  padding:0;
  margin:10px;
}

.divVerticalCentral{
  width: 65%;
  height: 90%;
  float: left;
  position: relative;
  background: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  font-family: Microsoft Sans Serif, Tahoma;
  color: #4F4F4F;
  border: 1px solid #E4E4E4;
  padding: 3px;
  border-radius: 6px;
}

.relRodape{
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  text-align:right;
  font: 600 12px Tahoma;
}

.cabecalhoRelatorio{
  width: 100%;
  height:65px;
}

.relLogo{
  width: 232px;
  height:59px;
  float:left;
  position:relative;
  background-color:#999;
  background:url(../imagens/img_rel.png) left center;
  background-size:100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;

}
.relTitulo{
  float:left;
  position:relative;
  margin-left:20px;
  padding-top:15px;

}

.tituloRelatorioCad{
  font-size: 16px;
  color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #E4E4E4;
  padding: 6px;
  background: rgb(0, 173, 255);
}

.buscaTodosRegistros{
  width:100%;
  text-align:center;
  font-size: 12px;
  font-weight: bold;
}

.tabMenu{
  padding:2px 15px;
  margin-left:-3px;
  background: #4E5A62;
  cursor: pointer;
  font-size: 14px;
  color: white;
  border-top-left-radius:3px;
  border-top-right-radius:3px;

  -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;

  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
}

.tabMenu:hover{
  text-shadow:1px 1px 0px #888888;
  background-color:#AAA575;
}

.icon_voltar{
  content:url(../imagens/icons/icon_voltar.png);
  width:18px;
}

.icon_imp{
    content:url(../imagens/icons/imp.gif);
    width:18px;
    opacity: 0.8;
}

.icon_exc{
    content:url(../imagens/icons/excel.png);
    width:18px;
    opacity: 0.8;
}

.icon_back{
  content:url(../imagens/icons/icon_back.png);
  width:18px;
}

.icon_pular{
  content:url(../imagens/icons/icon_pular.png);
  width:18px;
}

.icon_add{
  content:url(../imagens/icons/icon_plus.png);
}

.divLoading{
  display:none;
  position:fixed;
  z-index:9999;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(15, 15, 15, 0.5);

}

.divLoading img{
  content:url(../imagens/icons/loader.gif);
  position: absolute;
  top: 0; bottom:0; left: 0; right:0;
  margin: auto;
}

.cursorPointer{
  cursor: pointer;
}

.pesquisarTodos{
  margin: 10px 0px;
}

.editar{
  cursor:pointer;
}

.lCabecalho{
  padding:5px;
  font-size:14px;
  color:#4E5A62;
}

.associarSelecionados{
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 3px 15px;
  font-size: 16px;
}

.associarSelecionados:hover{
  color: #FFFFFF;
  background-color:#AAA575;
}


.divTotaisLivroCaixa{
  float: right; background: beige; padding: 5px 20px; border: 1px solid rgb(206, 206, 206);
}

.divTotaisLivroCaixa table{
  text-align:center;
  color:#666;
}

.divTotaisLivroCaixa table td{
  padding: 0px 10px;
}

#loaderPDF{
  text-align: center; position: fixed;vertical-align: middle; width: 100%; height: 100%; z-index: 100; background-color:rgba(17, 16, 16, 0.9);
}

#labelPDF{
  font-size: 16px; font-family: Microsoft Sans Serif; border: 1px solid #C0C0C0; padding: 10px; position: absolute; top: 50%; color: #FFF; width: 50%; left: 27%;
}

.tituloPopUp{
  width: 100%; background: #484A81; padding: 5px 3px; color: #FFFFFF; border-radius: 6px; font-size: 12px;
}

.rb-lite{
  border: 1px solid #C0C0C0;
  padding: 7px 5px;
  border-radius: 5px;
}

.tLegenda {
  float: left;
  margin: 10px 5px;
}

.tLegenda span{
  font-size:12px;
  vertical-align: bottom;
}
.tLegenda img{
  width:18px;
}

.bImprimir{
    padding: 5px;
    border: 1px solid #C0C0C0;
    border-radius: 6px;
}

.bImprimir:hover{
    background: #C0C0C0;
}

.tPers{
   text-decoration: none;
}

.tPers:hover {
    position: relative;
}

.tPers[data-t]:hover:after {
    content: attr(data-t);
    padding: 4px 8px;
    color: #333;
    position: absolute;
    left: 30px;
    top: 100%;
    z-index: 20;

    clear:left;
    min-width:300px;
    max-width:600px;
    width:auto;
    height:auto;


    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);

}

.lCodEvento {
  font-size: 28px;
  color: #666666;
  padding: 4px 15px;
  margin-top: 8;
  border: thin solid #E0E0E0;
  display:none;
}


.lInfoEmail{
  padding: 5px 8px;
  background: #AAA575;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Arial;
}

.btnEstoque {
  border: 1px solid #C0C0C0;
  padding: 7px;
  cursor:pointer;
}

.btnEstoque:hover{
  background: #4E5A62;
  color:#F0F0F0;
}


.divLista{
  font-size: 14px;
  padding: 10px;
  margin: 10px;
  width: 95%;
}

.lItem{
  border: 1px solid #C0C0C0;
  padding: 5px;
  margin: 5px auto;
  width: 50%;
  position: absolute;
  border-radius:3px;
}


/* Botoes */
.botaoSalvar{
  height: 31px;
  width: auto;
  min-width:100px;
  border: thin solid #C0C0C0;
  background-color:#56636B;
  cursor: pointer;
  color:#FFF;
  font-size:12px;
  padding: 7px;
}

.botaoSalvar:hover{
    cursor: pointer;
    background-color:#AAA575;
    font-weight:bold;
}

.botoesCadastro {
  float:left;
  position:relative;

  border:1px solid #DCDCDC;
  width:100px;
  height:30px;
  cursor:pointer;
  font: 700 14px Verdana, sans-serif;
  color:#777;
  margin:10px 10px 0px 0px;
  text-align:center;

}

.botoesCadastro:hover{
  background: #505C64;
  color:#FFFFFF;
}

.botoesVoltar {
  float:left;
  position:relative;
  border:1px solid #DCDCDC;
  width:100px;
  height:30px;
  cursor:pointer;
  font: 700 14px Verdana, sans-serif;
  color:#777;
  background-color:#FFF;
  margin:10px 0px;
  text-align:center;

}

.botoesVoltar:hover{
  background: #D7D7D7;
}

#dCad{
  float: left;
}